<html>
<head>
    <meta charset="utf-8">
    <title i18n-content="pageTitle">RTC Scrum Card Print Settings</title>
    <link id="favicon" rel="icon" type="image/png" href="chrome://theme/IDR_SETTINGS_FAVICON">

    <link rel="stylesheet" href="Styles/3rd/chrome.shared.css">
    <link rel="stylesheet" href="Styles/3rd/chrome.widgets.css">
    <link rel="stylesheet" href="Styles/options.min.css">

    <script src="Scripts/3rd/impl/jquery-1.8.2.min.js"></script>
    <script src="Scripts/3rd/impl/jquery.ba-resize.min.js"></script>
    <script src="Scripts/3rd/impl/ace/ace.js" type="text/javascript" charset="utf-8"></script>
    
    <script src="Scripts/settings.min.js"></script>
    <script src="Scripts/options.min.js"></script>
    <script src="Scripts/options.load.js"></script>

</head>
<body>
    <div class="navigator">
        <h1>RTC</h1>
        <ul>
        </ul>
    </div>
    <div class="sections">
        <section title="Projects">
            <h1>General</h1>
            <ul>
                <li>
                    <label>Title</label><input id="projectTitle" type="text" />
                </li>
            </ul>
        </section>
        <section title="Templates">
            <h1>Card Template</h1>
            <ul>
                <li>
                    <label>Cascading Style Sheet</label>
                    <div class="editorwrap">
                        <pre id="cssEditor" class="editor">
                        </pre>
                    </div>
                </li>
                <li>
                    <label>Html Template</label>
                    <div class="editorwrap">
                        <pre id="templateEditor" class="editor">
                        </pre>
                    </div>
                </li>
            </ul>
        </section>
            <section title="Data">
            <h1>Data Function</h1>
            <ul>
                <li>
                    <label>Html Template</label>
                    <div class="editorwrap">
                        <pre id="itemfunction" class="editor">
                        </pre>
                    </div>
                </li>
            </ul>
        </section>
    </div>
    <div class="controls">
        <div>
            <button id="reset">Reset to Defaults</button>            
            <button id="cancel">Cancel</button>
            <button id="save">Save</button>            
        </div>
    </div>
   

</body>
</html>
